@extends('home.layouts.base')

@section('title','Vanity')

@section('css')
    <link rel="stylesheet" href="{{ asset('editor.md/css/editormd.min.css') }}">
    <link rel="stylesheet" href="{{asset('share.js/dist/css/share.min.css')}}">
@endsection

@section('bigbanner')
    <h2 style="color:white">{{$article->title}}</h2>
    <br>
    <span class="glyphicon glyphicon-calendar" aria-hidden="true" style="color:white">{{$article->created_at}}</span>&nbsp;
    <span class="glyphicon glyphicon-user" aria-hidden="true" style="color:white">{{$article->author}}</span>&nbsp;
@stop

@section('content')
    <div class="col-md-8">
        <div class="markdown-body editormd-html-preview" style="padding:0;">
        @if($article)
            {!! $article->html_content !!}
                <div class="social-share"></div>
        @else
            <div>暂无文章</div>
        @endif
        </div>
    </div>
@stop

@section('js')
    <script src="{{ asset('share.js/dist/js/jquery.share.min.js') }}"></script>
    <script src="{{ asset('editor.md/editormd.min.js') }}"></script>
@endsection